<template>
  <view>
    <view class="header-common" :style="{paddingTop: (useAppData.titleHeight+3) + 'px'}">
      <view class="back-box" @tap="gotoBack">
        <image class="back-img" src="../../static/icon-back.png"></image>
      </view>
      <span>活动说明</span>
    </view>
    <view class="content">
      <view>
       【活动规则】所有参与者登陆小程序，来到廊坊市体育场，在9.9-10.7期间，累计完成75公里跑步，即算完赛。凭借小程序数据，即可领取主办单位颁发的奖牌。
      </view>
      <view>
       【参与攻略】来到体育场—登陆小程序—教练热身—自由奔跑—教练拉伸放松—音乐互动。
      </view>
    </view>
  </view>
</template>
 
<script setup>
  import { onLaunch, onShow, onHide, onUnload, onShareAppMessage, onShareTimeline } from "@dcloudio/uni-app";
  import { reactive, onMounted,  } from "vue"
  import { storeToRefs } from "pinia";
  import { useAppStore } from "../../store/app";
  import { useShareStore } from "../../store/share";
  const useShareData = useShareStore()
  const useAppData = useAppStore()
  const state = reactive({
    list: [
      {
        name: "开始跑步",
        url: "/pages/index/index"
      },
      {
        name: "个人资料",
        url: "/pages/index/index"
      },
      {
        name: "里程记录",
        url: "/pages/index/index"
      },
      {
        name: "来康健康",
        rightText: "小程序"
      },
    ],
    show: false
  })

  onShareAppMessage((res) => {
    return useShareData.shareInfo
  })
  onShareTimeline((res) => {
    return useShareData.shareInfo
  })

  const gotoBack = () => {
    uni.navigateBack()
  }
  const gotoChat = (url) => {
    uni.navigateTo({
      url: "/pages/chat/chat"
    });
  }

  onShow(() => {
  })
</script>
 
<style lang="scss" scoped>
  .content{
    font-size: 28rpx;
    color: #222222;
    padding: 10rpx 48rpx;
  }
</style>